<template>
    <view class="article-container">
        <Editor v-model="value"/>
    </view>
  </template>
  
  <script>
  import Editor from './editor'
  export default {
    components: { Editor },
    data() {
      return {
        value: '<h3>title</h3>',
      }
    },
    methods: {
    },
    computed: {},
  }
  </script>
  
  <style lang="scss" scoped>
  .article-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }
  .article-body {
    transition: 0.5s;
    max-height: 90vh;
  }
  .half-overflow {
    max-height: 50vh;
  }
  .article-para-item {
    margin: 10rpx;
    .para-box {
      padding: 10rpx;
      background: white;
      min-height: 120rpx;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    }
    .para-editor {
    }
  }
  .bottom-placeholder {
    flex-shrink: 0;
    transition: 0.5s;
  }
  </style>
  